
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>看原视频</title>
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
<script src="__PUBLIC__/home/js/jquery-2.1.1.min.js" type="text/javascript"></script>
 <script src="__PUBLIC__/layer/layer.js" type="text/javascript"></script>
<style>
*{margin:0;padding:0;}
body{font-size:14px;font-family:"微软雅黑"; background:#000;}
a{text-decoration:none;}
li{list-style:none;}
.content{width:100%;text-align:center;}
.shuoming{color:#fff;margin-top:20px;}
.center{width:100%;z-index:2;position:absolute;}
.center img{width:100px;height:100px;}
.daxiao{position:fixed;bottom:100px;;z-index:9999;width:100%;height:30px;line-height:30px;text-align:center;color:#fff;}
.footer{position:fixed;bottom:0;z-index:9999;width:100%;height:50px;background:#323136;}
.footer ul li{width:100%;float:left;text-align:center;color:#fff;line-height:50px;}
.footer ul li a{color:#fff;}
.footer .li1{background:url(__PUBLIC__/new/img/kefu.png) no-repeat 8px;background-size:25px 25px;}
.footer .li2 a{color:#d5c744;}
.footer .li3{background:url(__PUBLIC__/new/img/tousu.png) no-repeat 8px;background-size:34px 24px;}
.erwei{ width: 100%; height: 100%;background: rgba(120,120,120,0.7); position: absolute;top: 0;z-index:99;"}
.erwei .erweima{width:250px;height:250px;background:#fff;}
.erwei .erweima img{width:150px;height:150px;}
</style>

</head>
<body>
<div class="content">
<p class="shuoming">视频文件一般比较大，您需要在网络良好的环境下观看，如果暂时无法播放请耐心等待一小段时间，等视频加载完成以后即可播放，如果长时间没有加载，请返回重新识别二维码即可直接观看</p>
<div class="center">
<video controls="controls" preload="autoplay" width="100%" height="300px" poster="{$re.img}" height="100%">

	 <source src="{$re.video}" type="video/mp4"  />

</video>
</div>
</div>
<!--<div class="daxiao">图片大小：1.11M</div>-->
<div class="daxiao">

<p>视频大小：{$re.size}</p>

<p>视频时长：{$re.vtime}</p>
</div>
<div class="footer">
<ul>
<li class="li1"><a href="http://wpa.qq.com/msgrd?v=3&uin={$kefu}&site=qq&menu=yes" >客服</a></li>
<!--<li class="li2"><a onclick="sheng()">我也要生成</a></li>-->
<!--<li class="li3"><a href="{:U('Tousu/index',array('id'=>$id))}">投诉</a></li>-->
</ul>


</div>

<div class="erwei" style="display:none;">
<div class="erweima" style="width:250px;height:250px;background:#fff;margin:0 auto;position:relative;border-radius:10px;margin-top:45%;">
<p style="border-bottom:1px solid #ccc;    text-align: center;height:30px;line-height:30px;color:red;"><a onclick="dianji()" style="position: absolute; top: 0; left: 4%;font-size:28px;color:#000;">×</a> 请电脑端打开下方的链接注册</p>
   <span style="display:block;height:30px;line-height:30px;margin-top:10px;text-indent:5px;">{$yuming}?id={$id}</span>
</div>
</div>
</body>
</html>

<script>
function sheng(){
	  $('.erwei').css('display','block');
	  
 }
 function dianji(){
	  $('.erwei').css('display','none');
	  
 }



</script>
